<template>
  <div>
    <van-popup
      v-model:show="show"
      close-icon="close"
      position="bottom"
      :style="{
        height: '481px',
        // width: '316px',
      }"
    >
      <div class="a">
        <div>
          <div class="b"></div>
          <p class="name">Apple大满贯</p>
          <p class="details">拆盒必得盒内其中一件</p>
          <p class="price"><span>￥</span>39.00</p>
        </div>
        <div>
          <div class="b"></div>
          <p class="name">Apple大满贯</p>
          <p class="details">拆盒必得盒内其中一件</p>
          <p class="price"><span>￥</span>39.00</p>
        </div>
        <div>
          <div class="b"></div>
          <p class="name">Apple大满贯</p>
          <p class="details">拆盒必得盒内其中一件</p>
          <p class="price"><span>￥</span>39.00</p>
        </div>
        <div>
          <div class="b"></div>
          <p class="name">Apple大满贯</p>
          <p class="details">拆盒必得盒内其中一件</p>
          <p class="price"><span>￥</span>39.00</p>
        </div>
        <div>
          <div class="b"></div>
          <p class="name">Apple大满贯</p>
          <p class="details">拆盒必得盒内其中一件</p>
          <p class="price"><span>￥</span>39.00</p>
        </div>
        <div>
          <div class="b"></div>
          <p class="name">Apple大满贯</p>
          <p class="details">拆盒必得盒内其中一件</p>
          <p class="price"><span>￥</span>39.00</p>
        </div>
      </div>
    </van-popup>
    <!-- <button @click="show = true">按钮</button> -->
  </div>
</template>
<script>
export default {
  data() {
    return {
      show: true,
    };
  },
};
</script>
<style scoped>
.a {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 20px;
}

.b {
  width: 159px;
  height: 159px;
  background-color: #cecece;
  border-radius: 8px;
}
.name {
  color: rgba(16, 16, 16, 100);
  font-size: 16px;
  text-align: left;
  font-family: SourceHanSansSC-regular;
}
.details {
  color: rgba(190, 190, 190, 100);
  font-size: 12px;
  text-align: left;
  font-family: SourceHanSansSC-regular;
}
.price {
  color: rgba(0, 0, 0, 1);
  font-size: 20px;
  text-align: left;
  font-family: PingFangSC-regular;
}
</style>
